TOP
««
«
15
16
17
18
19
»
»»
17/23

Free materials | Surrounding frame, decorative frame-17

Ribbon and frill frame, decorative frame

frame17-a

html and css are common
Please save the images you use

▼html/css/img▼

html

<div class = "box17" > <div class = "box-top" > <div class = "u01" ></div> </div> <div class = "box-center" > <div class = "box -inner" > 
 
 

 
 
text here
</div> </div> <div class = "box-bottom" > <div class = "s01" ></div> </div> </div>

css

. box17 { 
margin : 1em 0 ; /* Change center alignment from 0 to auto */ 
width : 80 % /* Width */ } . u01 { 
background : url ( f - ue . gif ) repeat - x ; 
height : 67px ; 
margin : 0 67px } . s01 { 
background : url ( f - sita . gif ) repeat - x ; 
height : 67px ; 
margin : 0 67px } . box - top { 
background - image : url ( f - kado1 . gif ), url ( f - kado2 . gif ); 
background - position : top left , top right ; 
background - repeat : no - repeat , no - repeat ; 
height : 67px } . box - center { 
background - image : url ( f - migi . gif ), url ( f - hidari . gif ); 
background - position : top right , top left ; 
background - repeat : repeat - y , repeat - y
 } . box - inner { 
background :# fff ; 
margin : 0 67px } . box - bottom { 
background - image : url (   

 

 

 


 

f - kado3 . gif ), url ( f - kado4 . gif ); 
background - position : top left , top right ; 
background - repeat : no - repeat , no - repeat ; 
height : 67px }